<template>
	<view class="content">
		<view class="eat" v-for="(item,index) in subjectList" :key="index" @tap="navigatorTo('/pages/eatwhat-details/eatwhat-details?classifyname='+item.ClassifyName+'&contentid='+item.ContentId)">
			<image :src="item.LinkImage" class="eatImg"></image>
			<view class="font-weight fs16 color3 eatTit text-over">{{item.ItemTitle}}</view>
			<view class="fs14 color9 eatInf text-over">{{item.Remarks}}</view>
		</view>
	</view>
</template>

<script src="../../api/subject/subject_eat.js">

</script>
<style>
	page {
		background-color: #fafafa;
	}
</style>
<style lang="scss" scoped="true">
	.content {
		padding-top: 4.2667vw;

		.eat {
			width: 91.4667vw;
			margin: 0 auto;
			margin-bottom: 6.4vw;
			border-radius: 1.6vw;
			box-shadow: 0 .5vw 1.6vw rgba(205, 205, 205, 0.25);
			background: #fff;
			overflow: hidden;

			.eatImg {
				width: 100%;
				height: 48vw;
			}

			.eatTit {
				margin: 1.8667vw 0 .5vw 4.2667vw;
			}

			.eatInf {
				padding-bottom: 2.4vw;
				margin-left: 4.2667vw;
			}
		}
	}
</style>
